<template>
    <Layout>
        <!-- Start Slider area -->
        <div class="slider-area slider-style-1 height-650 bg_image"
             data-black-overlay="7"
             :style="{'background-image': `url(${require(`@/assets/images/bg/bg-image-15.jpg`)})`}"
             >
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="inner pt--80 text-center">
                            <!-- <div>
                                <h3 class="rn-sub-badge" data-aos="fade-up" data-aos-delay="100">
                                    <span class="theme-gradient">我们公司关于详细信息.</span>
                                </h3>
                            </div> -->
                            <h1 class="title display-one" data-aos="fade-up" data-aos-delay="150">
                                国际语音

                            </h1>
                            <h4 style="color: #fff;line-height: 2;">
                                用智能AL的自然切人性化的对话与您的客户进行有效的沟通<br>让您的意思高效传达给客户。服务可应用于国际语音验证码通话等服务！
                            </h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Slider area -->


        <!-- Start Elements Area -->
        <div class="rwt-advance-tab-area rn-section-gap">
            <div class="container">
                <div class="row mb--40">
                    <div class="col-lg-12">
                        <SectionTitle
                            text-align="center"
                            subtitle=""
                            title="智能ChatGpt服务"
                            description="支持各种语言,助力企业安全获客,提高注册转化率,加快业务进程"
                            data-aos="fade-up"
                        />
                    </div>
                </div>
                <AdvancedTab :tab-data="tabData" :tab-style="2"/>
            </div>
        </div>
        <!-- End Elements Area -->

        <Separator/>

        <!-- Start Elements Area -->
        <div class="rwt-team-area rn-section-gap">
            <div class="wrapper plr--65 plr_sm--15">
                <div class="row mb--20">
                    <div class="col-lg-12">
                        <SectionTitle
                            text-align="center"
                            subtitle=""
                            title="应用行业分类"
                            data-aos="fade-up"
                        />
                    </div>
                </div>
                <div class="row row--15">
                    <div class="col-lg-6 col-xl-3 col-md-6 col-12 mt--30"
                         v-for="(teamMember, index) in teamData"
                         :key="index">
                        <Team :team-member="teamMember" :team-style="4"/>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Elements Area -->

        <!-- Start Elements Area -->
        <div class="rwt-callto-action-area rn-section-gapBottom">
            <div class="wrapper">
                <router-link to="/contact">
                    <CallToAction
                    :style-type="5"
                    title="如果您有什么问题随时与我们取得联系"
                    btn-text="联系我们"
                />
                </router-link>
            </div>
        </div>
        <!-- End Elements Area -->
    </Layout>
</template>

<script>
    import Layout from '../../components/common/Layout'
    import Separator from '../../components/elements/separator/Separator'
    import SectionTitle from '../../components/elements/sectionTitle/SectionTitle'
    import AboutFour from '../../components/elements/about/AboutFour'
    import Counter from '../../components/elements/counterUp/Counter'
    import AdvancedTab from '../../components/elements/tab/AdvancedTab'
    import Team from '../../components/elements/team/Team'
    import CallToAction from '../../components/elements/callToAction/CallToAction'

    export default {
        name: 'Consulting',
        components: {CallToAction, Team, AdvancedTab, Counter, AboutFour, SectionTitle, Separator, Layout},
        data() {
            return {
                counterData: [
                    {
                        number: 199,
                        title: 'Happy Clients',
                    },
                    {
                        number: 575,
                        title: 'Employees',
                    },
                    {
                        number: 69,
                        title: 'Useful Programs',
                    },
                    {
                        number: 500,
                        title: 'Useful Programs',
                    }
                ],
                tabData: {
                    tabContent: [
                        {
                            id: 1,
                            menu: 'market-research',
                            title: '实时声色系统',
                            description: '通过调整音色、语速、语调等细节,能够控制机器人',
                            // image: require(`@/assets/images/tab/tabs-001.png`),
                        },
                        {
                            id: 2,
                            menu: 'corporate-report',
                            title: '国际短信',
                            description: '自动驾驶自动驾驶自动驾驶自动驾驶自动驾驶自动驾驶自动驾驶',
                            // image: require(`@/assets/images/tab/tabs-002.png`),
                        },
                        {
                            id: 3,
                            menu: 'app-development',
                            title: 'ChatGpt',
                            description: '实时翻译实时翻译实时翻译实时翻译实时翻译实时翻译实时翻译',
                            // image: require(`@/assets/images/tab/tabs-003.png`),
                        },
                        {
                            id: 4,
                            menu: 'tongji',
                            title: '物联网卡',
                            description: '外呼过程中,实时对外呼任务状态进行监控和分析,并生成可视化的数据报表,并根据数据分析不断完善客户画像,达到更好的服务',
                            // image: require(`@/assets/images/tab/tabs-004.png`),
                        }
                    ]
                },
                teamData: [
                    {
                        image: 'team-dark-001',
                        name: '大数据',
                        location: '产品上新大数据',
                        location2: '订单转化大数据',
                        location3: '用户关怀大数据',
                        description: 'Yes, I am a product designer. I have a passion for product design.'
                    },
                    {
                        image: 'team-dark-001',
                        name: '物联网',
                        location: '会员余额提醒物联网',
                        location2: '会员活动营销物联网',
                        location3: '用户体验调研物联网',
                        description: 'Yes, I am a product designer. I have a passion for product design.'
                    },
                    {
                        image: 'team-dark-001',
                        name: '保险行业',
                        location: '保险产品推荐物联网',
                        location2: '核实投保信息物联网',
                        location3: '服务满意度调查物联网',
                        description: 'Yes, I am a product designer. I have a passion for product design.'
                    },
                    {
                        image: 'team-dark-001',
                        name: '游戏行业物联网',
                        location: '礼包派送物联网',
                        location2: '新游戏推广物联网',
                        location3: '老玩家促活物联网',
                        description: 'Yes, I am a product designer. I have a passion for product design.'
                    },
                ]
            }
        }
    }
</script>